<extend name="Base/common"/>
<block name="style">

    <style>
        .weui-media-box {
            padding: 5px;
        }

        .title {
            text-align: center;
        }

        .addtitle {
            margin-left: 5px;
            height: 25px;
        }

        .addtitle img {
            font-size: 16px;
            height: 25px;
            float: right;
            margin-right: 20px;
            padding: 0;
            border: 0;
        }

        .fare_bd {
            border: 1px solid #efefef;
            margin: 5px 15px;
            background: #F7F7FA;
        }

        .fare_bd h4 {
            font-size: 16px;
        }
    </style>
    <style>
        .weui-media-box__title {
            font-size: 19px;
            padding: 5px 0;
        }

        .weui-media-box {
            padding: 10px;
        }

        .weui-media-box__desc {
            color: white;
        }

        .addtitle {
            background: white;
            margin-top: 10px;
            margin-left: 0;
            width: 100%;
        }

        hr {
            border: none;
            border-top: 1px solid #f4f4f4;

        }

        form {
            background: white;
        }

        .weui-btn-area {
            padding-bottom: 1px;
        }

        .chufa {
            text-align: center;
            font-size: 14px;
            background: white;
            margin: 3px 0;
            color: grey;
            border-radius: 15px;
        }

        .title {
            border: none;
        }


        /*改动一*/
        .weui-media-box_text .weui-media-box__title {
            margin-bottom: 0px;
        }
    </style>
    <style>
        .weui-media-box__title {
            font-size: 19px;
            padding: 5px 0;
        }
        .weui-media-box {
            padding: 10px;
        }
        .weui-media-box__desc {
            color: white;
        }
        .addtitle {
            background: white;
            margin-top: 10px;
            margin-left: 0;
            width: 100%;
        }
        hr {
            border: none;
            border-top: 1px solid #f4f4f4;

        }
        form {
            background: white;
        }
        .weui-btn-area {
            padding-bottom: 1px;
        }
        .chufa {
            text-align: center;
            font-size: 14px;
            background: white;
            margin: 3px 0;
            color: grey;
            border-radius: 15px;
        }
        .title{
            border: none;
        }

        /*改动一*/
        .weui-media-box_text .weui-media-box__title {
            margin-bottom: 0px;
        }

    </style>

</block>


<block name="body">

    <div class="weui-panel__bd title ts_nav">
        <div class="weui-media-box weui-media-box_text">
            <h4 class="weui-media-box__title">{$ti.addr_from} 至 {$ti.addr_to}</h4>
            <!--改1-->
            <!--<P>从{$ti.addr_up_place}上车,到{$ti.addr_down_place}下车</P>-->
            <p class="weui-media-box__desc">{$ti.addr_depart_time}</p>
        </div>

        <p></p>
    </div>

    <!--改2-->
    <div class="chufa"><p>从{$ti.addr_up_place}上车,到{$ti.addr_down_place}下车</p></div>


    <div class="addtitle" style="width: 94%;padding: 10px;">添加乘客
        <a style="position: absolute;float: right;right: 0px;" href="__CONTROLLER__/preSelectPassenger/ticketId/{$tickedId}"><img src="{$Think.config.HOME_IMG}add.png"></a>
    </div>
    <!--改3-->
    <hr>
    <form action="{:U('prePayTicket')}" method="post">
        <foreach name="psrInfo" item="v">
            <!--乘客区域-->
            <div class="weui-panel__bd fare_bd" >
                <div class="weui-media-box weui-media-box_text " style="padding: 0px 9px;">
                    <input type="hidden" name="psr[]" value="{$v.psr_id}">
                    <h4 class="weui-media-box__title">{$v.psr_name}&nbsp;&nbsp; {$v.psr_id_card}
                        <span onclick="$(this).parent().parent().parent().remove()">

                            <!--改动2-->
                            <img style="    height: 22px;
                                        position: absolute;
                                        right: 5px;
                                        margin-top: 1px;"

                                 src="{$Think.config.HOME_IMG}/reduce.png" alt="">

                        </span>
                    </h4>
                </div>
            </div>
            <!--乘客区域-->

        </foreach>



        <div class="weui-cell">
            <div class="weui-cell__hd "><label class="weui-label ">取票人</label></div>
            <div class="weui-cell__bd">
                <input name="get_ticket_pseson" class="weui-input" type="text" placeholder="请输入去取票人">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd "><label class="weui-label ">联系手机</label></div>
            <div class="weui-cell__bd">
                <input name="get_ticket_tel" class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入联系手机">
            </div>
        </div>

        <div class="weui-cell">
            <div class="weui-cell__hd "><label class="weui-label ">折扣</label></div>
            <div class="weui-cell__bd">
                <input name="dicCode" class="weui-input" type="text"  placeholder="请输入折扣码">
            </div>
        </div>


        <div class="weui-cell weui-cell_switch">
            <div class="weui-cell__bd">购买保险({$insur}元) <a href="#">?</a></div>
            <div class="weui-cell__ft">
                <input name="insur" class="weui-switch" type="checkbox" value="{$insur}">
            </div>
        </div>

        <label for="weuiAgree" class="weui-agree">
            <input id="is_agree" id="weuiAgree" type="checkbox" class="weui-agree__checkbox">
            <span class="weui-agree__text">
                阅读并同意<a href="javascript:void(0);">《相关条款》</a>
            </span>
        </label>


        <div class="weui-btn-area">
            <input type="submit" class="weui-btn weui-btn_primary" value="预定" style="margin-bottom: 50px;">
        </div>
    </form>
</block>